import { useNavigate, useLocation,useParams,useSearchParams } from 'react-router-dom';
import { NavBar, Image } from 'antd-mobile';
import goodsCover from '../assets/imgs/01.png';
import '../assets/style/goods.scss';
export default function Goods() {
    const navigate = useNavigate();
    const [search] = useSearchParams();
    const location=useLocation();
    const params=useParams();
    console.log(search.get('id'),params,location);
    return (
        <div className='goods-container'>
            <NavBar className='page-header' onBack={() => navigate(-1)}>商品详情</NavBar>
            <Image src={goodsCover}></Image>
            <div className="goods-info">
                <h5>商品名称</h5>
                <div className="price">&yen;200</div>
                <del>&yen;299</del>
            </div>
        </div>
    )
}
